<script type="text/javascript">
(function($){
    var str1 = '',str2 = '', str3 = '';
    for (var i = 0; i < 2; i++) {
        str1 += `<table width="100%" bgcolor="ffd600" cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody>
                    <tr>
                        <td style=" vertical-align:bottom;">
                            <img width="100%" style="width:100%; border:0; display:block; margin:0; padding:0; overflow:hidden;" src="./images/pt-img3.png">
                        </td>
                    </tr>
                </tbody>
            </table>
            <table width="100%" bgcolor="ffd600" cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody>
                    <tr>
                        <td style=" vertical-align:bottom;">
                            <a href="#">
                                <img width="100%" style="width:100%; border:0; margin:0; display:block; padding:0; overflow:hidden;" src="./images/pt-img4.png"
                                    alt="JIAYU S3+ 5.5'' 3GB 16GB">
                            </a>
                        </td>
                        <td style=" vertical-align:bottom;">
                            <a href="#">
                                <img width="100%" style="width:100%; border:0; margin:0; display:block; padding:0; overflow:hidden;" src="./images/pt-img5.png"
                                    alt="Lenovo P780 4000mAh">
                            </a>
                        </td>
                    </tr>
                </tbody>
            </table>`;
            str2 += `<tr>
            <td style=" vertical-align:bottom;">
                <a href="#">
                    <img width="100%" style="width:100%; border:0; margin:0; display:block; padding:0; overflow:hidden;" src="./images/pt-img10.png"
                        alt="Oukitel K10000 10000mAh 2GB 16GB Prata">
                </a>
            </td>
            <td style=" vertical-align:bottom;">
                <a href="#">
                    <img width="100%" style="width:100%; border:0; margin:0; display:block; padding:0; overflow:hidden;" src="./images/pt-img11.png"
                        alt="Cubot S550 2GB 16GB">
                </a>
            </td>
        </tr>`;
        
    }
    str3 = `<table width="100%" bgcolor="#fff" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody>
        <tr>
            <td style=" vertical-align:bottom;">
                <img width="100%" style="width:100%; border:0; display:block; margin:0; padding:0; overflow:hidden;" src="./images/pt-img1.png">
            </td>
        </tr>
        <tr>
            <td style=" vertical-align:bottom;">
                <a href="#">
                    <img width="100%" style="width:100%; border:0; margin:0; display:block; padding:0; overflow:hidden;" src="./images/pt-img2.png">
                </a>
            </td>
        </tr>
    </tbody>
</table>
${str1}
<table width="100%" bgcolor="ffd600" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody>
        <tr>
            <td style=" vertical-align:bottom;">
                <img width="100%" style="width:100%; border:0; display:block; margin:0; padding:0; overflow:hidden;" src="./images/pt-img9.png">
            </td>
        </tr>
    </tbody>
</table>
<table width="100%" bgcolor="#ffd600" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody>
    ${str2}
    </tbody>
</table>
<table width="100%" bgcolor="ffd600" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody>
        <tr>
            <td style="vertical-align: middle; height: 45px;text-align: center;">
                <a href="#" style=" font-size: 16px; font-weight: bold; color: #fff100; background: #cc051f; padding: 8px 15px; border-radius: 5px;text-decoration: none;">Ver mais</a>
            </td>
        </tr>
    </tbody>
</table>
<table width="100%" bgcolor="#fff" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody>
        <tr>
            <td style="vertical-align:bottom;">
                <a href="#">
                    <img src="./images/pt-img14.jpg">
                </a>
            </td>
        </tr>
    </tbody>
</table>`;
$("#main").prepend(str3);
})(jQuery);
</script>